<template>
  <div class="index_header clearfix">
    <div class="header_left clearfix">
      <router-link to="/index" class="logo">
        <img :src="imgUrl" alt="新国都logo">
        ERP 报表中心<span class="ico" v-if="sHeaderTitle"> ·</span>
      </router-link>
      <label class="header_title" v-if="sHeaderTitle">{{sHeaderTitle}}</label>
    </div> 
  </div>
</template>
<script>
import { mapGetters } from 'vuex';
import sUrl from '@/assets/image/logo.png';
  export default {
    name: "index-header"
    , data () {
      return {
        imgUrl:sUrl
      }
    }
    ,computed: {
      ...mapGetters({
        sHeaderTitle:"sHeaderTitle"
      })
    }
    ,created(){
     
    }
    ,methods:{}
    ,components:{
     
    }
  }
</script>

<style lang="less">
  .index_header{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px 2px;
    padding: 10px 20px;
    background: #ffffff;
    .logo{
      font-size: 20px;
      color: #333;
      font-weight: 700;
      line-height: 30px;
      img{
        height: 30px;
        width: auto;
        vertical-align: top;
        margin-right: 10px;
      }
    }
    .header_title{
      vertical-align: top;
      padding-top: 5px;
      display: inline-block;
    }
  }
</style>